<div class="map" style="width: 600px; height: 400px;"></div>
<script src="https://map.qq.com/api/gljs?v=1.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77"></script>

<button>第一点中心</button>
<button>第二点中心</button>
<script>
    //定义地图中心点坐标
    var center = new TMap.LatLng(39.984120, 116.307484)
    //定义map变量，调用 TMap.Map() 构造函数创建地图
    var map = new TMap.Map(document.querySelector('.map'), {
        center: center,//设置地图中心点坐标
        zoom: 6,   //设置地图缩放级别
        pitch: 43.5,  //设置俯仰角
        rotation: 45    //设置地图旋转角度
    });


    //初始化marker
    var marker = new TMap.MultiMarker({
        id: "marker-layer", //图层id
        map: map,
        styles: { //点标注的相关样式
            "marker": new TMap.MarkerStyle({
                "width": 25,
                "height": 35,
                "anchor": { x: 16, y: 32 },
                "src": "https://mapapi.qq.com/web/lbs/javascriptGL/demo/img/markerDefault.png"
            })
        },
        geometries: [
            { //点标注数据数组
                "id": "demo",
                "styleId": "marker",
                "position": new TMap.LatLng(39.984104, 116.307503),
                "properties": {
                    "title": "marker"
                }
            },
            { //点标注数据数组
                "id": "demo2",
                "styleId": "marker",
                "position": new TMap.LatLng(39.984104, 115.307503),
                "properties": {
                    "title": "marker"
                }
            }
        ]
    });
</script>


<script src="http://unpkg.com/jquery"></script>
<script>
$('button:eq(0)').click(function() {
    map.setCenter(new TMap.LatLng(39.984104, 116.307503));//中心

				map.setZoom(18); //比例
})
$('button:eq(1)').click(function() {
    map.setCenter(new TMap.LatLng(39.984104, 115.307503));//
				map.setZoom(12); //比例
})
</script>